<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>设置或获取表单值：元素.value</title>
</head>
<body>
    <!-- placeholder专业术语占位符，作用用于提示用户表单输入内容类型 -->
    姓名：<input type="text" placeholder="请输入您的姓名" id="name">
    <button id="login">登陆</button>


    <!-- 需求：点击按钮获取表单值 -->
    <script>
        // 变量var
        var name_person = document.getElementById('name');
        var login = document.getElementById('login');

        login.onclick = function(){
            // 弹框提示表单输入的内容
            alert(name_person.value)
        }

        // 需求升级：垃圾，当表单实焦时垃圾**
        name_person.onblur = function(){
            console.log(name_person.value)
            // 判断语法if，判断表单内容是否为“垃圾”，若是则让表单里的值变成**
            if(name_person.value == '垃圾'){
                name_person.value = '**'
            }
        }
    </script>
</body>
</html>